<template>
    <div class="other-ddxq plr15 pt30 pb20" >

        <div class="panel plr15">
            <template v-if="false">
                <div v-for="i in 2" :key="i" class="kitbox-mid row">
                    <div>
                        <img class="yaoshi" src="/static/images/yaoshi.png" alt="">
                    </div>
                    <div  class="flex1 pl19">房间1密码123456</div>
                </div>
            </template>
            <template v-else>
                <div class="kitbox-mid row">
                    <div>
                        <img class="dizhi" src="/static/images/dizhi.png" alt="">
                    </div>
                    <div  class="flex1 pl19 fs-14">
                        <div class="c-000">熊先生<span class="ml20">18008439984</span></div>
                        <div class="c-b0b0b0">福建-福州-大利嘉</div>
                    </div>
                    <div class="c-b0b0b0"><van-icon name="arrow" /></div>
                </div>
                <div class="kitbox-mid row">
                    <div>
                        <img class="kuaidi" src="/static/images/kuaidi.png" alt="">
                    </div>
                    <div  class="flex1 pl12 fs-14">
                        <div class="c-000">顺丰快递</div>
                        <div class="c-b0b0b0">SF1234567891011</div>
                    </div>
                    <div class="c-b0b0b0"><van-icon name="arrow" /></div>
                </div>
            </template>
        </div>

        <div class="panel mt10 plr15">
            <div>
                <div class="kitbox-mid row">
                    <div class="fs-14 c-333">山水谈庄1</div>
                    <div class="flex1 pl16 c-03a885 fs-13 tr">待支付</div>
                </div>
            </div>
            <div class="kitbox bb-ccc pb12">
                <div>
                    <img class="avatar" src="/static/images/wd-bg.png" alt="">
                </div>
                <div class="flex1 fs-14 pl20">
                    <div>山水谈套餐1</div>
                    <div class="c-5b5b5b kitbox-mid">
                        <div class="flex1">￥199.00</div>
                        <div class="c-333 mt10">
                            <span class="fs-10">x</span>
                            <span class="fs-13">1</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="kitbox-mid row">
                <div class="fs-12 c-333">积分</div>
                <div class="flex1 pl16 c-888 fs-13">抵扣￥2元</div>
            </div>
            <div class="kitbox-mid row">
                <div class="fs-12 c-333">余额</div>
                <div class="flex1 pl16 c-888 fs-13">抵扣￥99元</div>
            </div>
            <div class="kitbox-mid row fs-12 c-333">
                <div class="">配送</div>
                <div class="flex1 pl16 c-888 fs-13">由山水谈配送</div>
                <div >运费：10</div>
            </div>
            <div class="kitbox-mid row">
                <div class="fs-12 c-333">备注</div>
                <div class="flex1 pl16 c-888 fs-13">订单备注</div>
            </div>
        </div>


        <div class="panel mt10 lh30 ptb10 plr15 fs-14">
            <div class="">订单信息</div>
            <div class=" c-888">
                <span>订单编号</span>
                <span>123456789101112  </span>
            </div>
            <div class="c-888">
                <span>创建时间</span>
                <span>2022-06-05   13:54:25  </span>
            </div>
        </div>
        
    </div>
</template>

<script>
export default {
    data(){
        return {
            checked: false,
            step: 1,
            activeNames: []
        }
    },
    onShow(){
        
    },
    mounted() {
        
    },
    methods: {
        onStepChange(e){
            
        },
        onCheckChange(e){

        }
    }
};
</script>
<style lang="scss" >
@import './css/ddxq.scss';
</style>
